<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="css/index.css">
    <!-- <base href="">  -->
    <!-- 相当于源地址,会在a标签的href 或者 target中默认添加 -->
</head>

<body>
    <!-- 划分结构 内容 由大到小 自上而下 自左到右 -->
    <!-- 顶部导航 -->
    <div class="top">
        <div class="top-nav layer">
            <ul class="fl">
                <li>中国大陆
                    <span class="icon iconfont">&#xe62e;</span>
                </li>

                <li>亲,请登录</li>
                <li>免费注册</li>
                <li>手机逛淘宝</li>
                <li>网页无障碍</li>
            </ul>
            <ul class="fr">
                <li>我的淘宝
                    <span class="icon iconfont">&#xe62e;</span>
                </li>


                <li>
                    <span class="icon iconfont">&#xf0179;</span> 购物车
                </li>
                <li>
                    <span class="icon iconfont">&#xf0144;</span> 收藏夹
                </li>
                <li>商品分类</li>
                <li>免费开店</li>
                <li>|</li>
                <li>千牛卖家中心
                    <span class="icon iconfont">&#xe62e;</span>
                </li>
                <li>联系客服
                    <span class="icon iconfont">&#xe62e;</span>
                </li>
            </ul>
        </div>
    </div>
    <!-- 顶部搜索 -->
    <div class="search layer">
        <div class="logo">
            <a href="index.html" title="卧槽" target="_blank">我是首页logo</a>
        </div>
        <div class="search-form">
            <input type="search" name="keywords" id="kewwords" placeholder="软件开发区">
            <button type="submit">搜索</button>
            <ul class="hotwords">
                <li>男生风衣</li>
                <li>宇宙牌香烟</li>
                <li>钻地机</li>
                <li>男生风衣</li>
                <li>宇宙牌香烟</li>
                <li>钻地机</li>
            </ul>
        </div>
        <div class="erweicode buycar">
            <span class="iconfont style-red">&#xf0179;</span> 我的购物车
        </div>
    </div>
    <!-- 内容面板 -->
    <div class="content layer">
        <div class="wraper">
            <div class="dropdown fl">
                <h3>分类</h3>
                <ul>
                    <li><span class="iconfont">&#xe601;</span><span>数码/手机/女士手机</span></li>
                    <li><span class="iconfont">&#xe601;</span><span>数码/手机/女士手机</span></li>
                    <li><span class="iconfont">&#xe601;</span><span>数码/手机/女士手机</span></li>
                    <li><span class="iconfont">&#xe601;</span><span>数码/手机/女士手机</span></li>
                    <li><span class="iconfont">&#xe601;</span><span>数码/手机/女士手机</span></li>

                </ul>
            </div>
            <div class="right fr">
                <div class="menu">
                    <ul>
                        <li>导航1</li>
                        <li></li>
                        <li>导航2</li>
                        <li></li>
                        <li>导航3</li>
                        <li></li>
                        <li>导航4</li>
                        <li></li>
                        <li>导航5</li>
                        <li></li>
                        <li>导航6</li>
                        <li></li>
                        <li>导航7</li>
                        <li></li>
                        <li>导航8</li>
                    </ul>
                    <div class="clearfix"></div>
                </div>
                <div class="bottom">
                    <ul class="swiper fl">
                        <li class="current">
                            <a href="#"><img src="./images/bihdciwbfvi.jpg" alt="轮播图1" srcset=""></a>
                        </li>
                        <li>
                            <a href="#"><img src="./images/20220903233916.png" alt="轮播图2" srcset=""></a>
                        </li>
                    </ul>
                    <div class="user fr">
                        <h2>用户中心</h2>
                        <ul><li>服务1</li>
                        <li>服务2</li>
                        <li>服务3</li>
                        <li>服务4</li>
                        <li>服务5</li>
                        <li>服务6</li>
                        <li>服务7</li>
                        <li>服务8</li>
                        <li>服务9</li>
                        <li>服务10</li>
                        <li>服务11</li>
                        <li>服务12</li>
                        <li>服务13</li>
                        <li>服务14</li>
                        <li>服务15</li>
                        <li>服务16</li></ul>
                    </div>
                </div>
            </div>
        </div>

    </div>
</body>

</html>